<template>
  <div>
    <el-dialog
      title="修改支付密码"
      :visible.sync="dialogVisiblePortrait"
      width="30%"
      :before-close="handleClose"
    >
      <el-input
        placeholder="新支付密码（3-10位）"
        clearable
        style="margin-bottom: 15px; margin-left: 5px"
        type="password"
      >
      </el-input>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblePortrait = false">取 消</el-button>
        <el-button type="primary" @click="confirmModify">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "MyPortrait",
  props: ["visiblePortrait"],
  data() {
    return {
      dialogVisiblePortrait: false,
    };
  },
  methods: {
    //关闭弹出层
    handleClose(done) {
      this.$confirm("确认关闭？")
        .then(() => {
          done();
        })
        .catch(() => {});
    },
    //点击确定 按钮
    confirmModify() {},
  },
  mounted() {
    this.dialogVisiblePortrait = this.visiblePortrait;
  },
};
</script>

<style>
</style>